import styled from "styled-components";
export const ProductCollectContainer = styled.div`
  padding: 10px;
  border: 1px solid #f2f2f2;
  margin: 20px 0;

  .side-image {
    width: 180px;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
`;
export const ProductImagePropsContainer = styled.div`
  cursor: pointer;
  &:hover {
    transform: scale(1.1);
    z-index: 999;
  }
`;
